<template>
  <div class="el-card is-never-shadow border-0" id="list-table">
    <!--v-if-->
    <div class="el-card__body" style="">
      <form class="el-form el-form--default">
        <div class="el-tabs el-tabs--top">
          <div class="el-tabs__header is-top">
            <!---->
            <div class="el-tabs__nav-wrap is-top">
              <!---->
              <div class="el-tabs__nav-scroll">
                <div class="el-tabs__nav is-top" role="tablist" style="transform: translateX(0px);">
                  <div class="el-tabs__active-bar is-top" style="width: 56px; transform: translateX(110px);"></div>
                  <div class="el-tabs__item is-top" id="tab-first" aria-controls="pane-first" role="tab"
                    aria-selected="false" tabindex="-1">注册与访问
                    <!---->
                  </div>
                  <div class="el-tabs__item is-top is-active" id="tab-second" aria-controls="pane-second" role="tab"
                    aria-selected="true" tabindex="0">上传设置
                    <!---->
                  </div>
                  <div class="el-tabs__item is-top" id="tab-third" aria-controls="pane-third" role="tab"
                    aria-selected="false" tabindex="-1">Api安全
                    <!---->
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="el-tabs__content">
            <div id="pane-first" class="el-tab-pane" role="tabpanel" aria-hidden="true" aria-labelledby="tab-first"
              style="display: none;">
              <div class="el-form-item el-form-item--default"><label for="open_reg" class="el-form-item__label"
                  style="width: 160px;">是否允许注册会员</label>
                <div class="el-form-item__content">
                  <div class="el-radio-group" role="radiogroup"><label
                      class="el-radio is-bordered is-checked el-radio--default mr-1" role="radio" aria-checked="true"
                      aria-disabled="false" tabindex="0"><span class="el-radio__input is-checked"><span
                          class="el-radio__inner"></span><input class="el-radio__original" type="radio"
                          aria-hidden="true" name="" tabindex="-1" value="1"></span><span
                        class="el-radio__label">是</span></label><label
                      class="el-radio is-bordered el-radio--default mr-1" role="radio" aria-checked="false"
                      aria-disabled="false" tabindex="-1"><span class="el-radio__input"><span
                          class="el-radio__inner"></span><input class="el-radio__original" type="radio"
                          aria-hidden="true" name="" tabindex="-1" value="0"></span><span
                        class="el-radio__label">否</span></label></div>
                  <!--v-if-->
                </div>
              </div>
              <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                  style="width: 160px;">注册类型</label>
                <div class="el-form-item__content">
                  <div class="el-radio-group" role="radiogroup"><label
                      class="el-radio is-bordered is-checked el-radio--default mr-1" role="radio" aria-checked="true"
                      aria-disabled="false" tabindex="0"><span class="el-radio__input is-checked"><span
                          class="el-radio__inner"></span><input class="el-radio__original" type="radio"
                          aria-hidden="true" name="" tabindex="-1" value="username"></span><span
                        class="el-radio__label">普通注册</span></label><label
                      class="el-radio is-bordered el-radio--default mr-1" role="radio" aria-checked="false"
                      aria-disabled="false" tabindex="-1"><span class="el-radio__input"><span
                          class="el-radio__inner"></span><input class="el-radio__original" type="radio"
                          aria-hidden="true" name="" tabindex="-1" value="phone"></span><span
                        class="el-radio__label">手机注册</span></label></div>
                  <!--v-if-->
                </div>
              </div>
              <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                  style="width: 160px;">密码最小长度</label>
                <div class="el-form-item__content">
                  <div class="el-input el-input--default" style="width: 30%;">
                    <!-- input -->
                    <!-- prepend slot -->
                    <!--v-if-->
                    <div class="el-input__wrapper">
                      <!-- prefix slot -->
                      <!--v-if--><input class="el-input__inner" type="number" autocomplete="off" placeholder="密码最小长度">
                      <!-- suffix slot -->
                      <!--v-if-->
                    </div><!-- append slot -->
                    <!--v-if-->
                  </div>
                  <!--v-if-->
                </div>
              </div>
              <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                  style="width: 160px;">强制密码复杂度</label>
                <div class="el-form-item__content">
                  <div class="el-checkbox-group" role="group" aria-label="checkbox-group"><label
                      class="el-checkbox el-checkbox--default is-bordered is-checked mr-1"><span
                        class="el-checkbox__input is-checked" aria-checked="false"><span
                          class="el-checkbox__inner"></span><input class="el-checkbox__original" type="checkbox"
                          aria-hidden="false" value="0"></span><span class="el-checkbox__label">数字
                        <!--v-if-->
                      </span></label><label class="el-checkbox el-checkbox--default is-bordered is-checked mr-1"><span
                        class="el-checkbox__input is-checked" aria-checked="false"><span
                          class="el-checkbox__inner"></span><input class="el-checkbox__original" type="checkbox"
                          aria-hidden="false" value="1"></span><span class="el-checkbox__label">小写字母
                        <!--v-if-->
                      </span></label><label class="el-checkbox el-checkbox--default is-bordered is-checked mr-1"><span
                        class="el-checkbox__input is-checked" aria-checked="false"><span
                          class="el-checkbox__inner"></span><input class="el-checkbox__original" type="checkbox"
                          aria-hidden="false" value="2"></span><span class="el-checkbox__label">大写字母
                        <!--v-if-->
                      </span></label></div>
                  <!--v-if-->
                </div>
              </div>
            </div>
            <div id="pane-second" class="el-tab-pane" role="tabpanel" aria-hidden="false" aria-labelledby="tab-second"
              style="">
              <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                  style="width: 160px;">默认上传方式</label>
                <div class="el-form-item__content">
                  <div class="el-radio-group" role="radiogroup"><label
                      class="el-radio is-bordered is-checked el-radio--default mr-1" role="radio" aria-checked="true"
                      aria-disabled="false" tabindex="0"><span class="el-radio__input is-checked"><span
                          class="el-radio__inner"></span><input class="el-radio__original" type="radio"
                          aria-hidden="true" name="" tabindex="-1" value="oss"></span><span
                        class="el-radio__label">阿里oss</span></label></div>
                  <!--v-if-->
                </div>
              </div>
              <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                  style="width: 160px;">Bucket</label>
                <div class="el-form-item__content">
                  <div class="el-input el-input--default" style="width: 30%;">
                    <!-- input -->
                    <!-- prepend slot -->
                    <!--v-if-->
                    <div class="el-input__wrapper">
                      <!-- prefix slot -->
                      <!--v-if--><input class="el-input__inner" type="text" autocomplete="off" placeholder="Bucket">
                      <!-- suffix slot -->
                      <!--v-if-->
                    </div><!-- append slot -->
                    <!--v-if-->
                  </div>
                  <!--v-if-->
                </div>
              </div>
              <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                  style="width: 160px;">ACCESS_KEY</label>
                <div class="el-form-item__content">
                  <div class="el-input el-input--default" style="width: 30%;">
                    <!-- input -->
                    <!-- prepend slot -->
                    <!--v-if-->
                    <div class="el-input__wrapper">
                      <!-- prefix slot -->
                      <!--v-if--><input class="el-input__inner" type="text" autocomplete="off" placeholder="ACCESS_KEY">
                      <!-- suffix slot -->
                      <!--v-if-->
                    </div><!-- append slot -->
                    <!--v-if-->
                  </div>
                  <!--v-if-->
                </div>
              </div>
              <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                  style="width: 160px;">SECRET_KEY</label>
                <div class="el-form-item__content">
                  <div class="el-input el-input--default" style="width: 30%;">
                    <!-- input -->
                    <!-- prepend slot -->
                    <!--v-if-->
                    <div class="el-input__wrapper">
                      <!-- prefix slot -->
                      <!--v-if--><input class="el-input__inner" type="text" autocomplete="off" placeholder="SECRET_KEY">
                      <!-- suffix slot -->
                      <!--v-if-->
                    </div><!-- append slot -->
                    <!--v-if-->
                  </div>
                  <!--v-if-->
                </div>
              </div>
              <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                  style="width: 160px;">空间域名</label>
                <div class="el-form-item__content">
                  <div class="el-input el-input--default" style="width: 30%;">
                    <!-- input -->
                    <!-- prepend slot -->
                    <!--v-if-->
                    <div class="el-input__wrapper">
                      <!-- prefix slot -->
                      <!--v-if--><input class="el-input__inner" type="text" autocomplete="off" placeholder="http">
                      <!-- suffix slot -->
                      <!--v-if-->
                    </div><!-- append slot -->
                    <!--v-if-->
                  </div><small class="text-gray-500 flex mt-1">请补全http:// 或 https://</small>
                  <!--v-if-->
                </div>
              </div>
            </div>
            <div id="pane-third" class="el-tab-pane" role="tabpanel" aria-hidden="true" aria-labelledby="tab-third"
              style="display: none;">
              <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                  style="width: 160px;">是否开启API安全</label>
                <div class="el-form-item__content">
                  <div class="el-radio-group" role="radiogroup"><label
                      class="el-radio is-bordered is-checked el-radio--default mr-1" role="radio" aria-checked="true"
                      aria-disabled="false" tabindex="0"><span class="el-radio__input is-checked"><span
                          class="el-radio__inner"></span><input class="el-radio__original" type="radio"
                          aria-hidden="true" name="" tabindex="-1" value="1"></span><span
                        class="el-radio__label">是</span></label><label
                      class="el-radio is-bordered el-radio--default mr-1" role="radio" aria-checked="false"
                      aria-disabled="false" tabindex="-1"><span class="el-radio__input"><span
                          class="el-radio__inner"></span><input class="el-radio__original" type="radio"
                          aria-hidden="true" name="" tabindex="-1" value="0"></span><span
                        class="el-radio__label">否</span></label></div><small
                    class="text-gray-500 flex mt-1">api安全功能开启之后调用前端api需要传输签名串</small>
                  <!--v-if-->
                </div>
              </div>
              <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                  style="width: 160px;">秘钥</label>
                <div class="el-form-item__content">
                  <div class="el-input el-input--default" style="width: 50%;">
                    <!-- input -->
                    <!-- prepend slot -->
                    <!--v-if-->
                    <div class="el-input__wrapper">
                      <!-- prefix slot -->
                      <!--v-if--><input class="el-input__inner" type="text" autocomplete="off" placeholder="秘钥">
                      <!-- suffix slot -->
                      <!--v-if-->
                    </div><!-- append slot -->
                    <!--v-if-->
                  </div><small
                    class="text-gray-500 flex mt-1">秘钥设置关系系统中api调用传输签名串的编码规则，以及会员token解析，请慎重设置，注意设置之后对应会员要求重新登录获取token</small>
                  <!--v-if-->
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="el-form-item el-form-item--default">
          <!--v-if-->
          <div class="el-form-item__content" style="margin-left: 160px;"><button
              class="el-button el-button--primary el-button--small" type="button">
              <!--v-if--><span class="">保存</span>
            </button>
            <!--v-if-->
          </div>
        </div>
      </form>
    </div>
  </div>
</template>